:host {
  display: flex;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.app-layout {
  height: 100vh;
  overflow: hidden;
}

.ant-layout-header {
  height: 50px;
}

nz-header {
  padding: 0;
  width: 100%;
  z-index: 2;
}

.app-header {
  position: relative;
  height: 50px;
  padding: 0;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
}

.app-content {
  height: calc(100% - 50px);
  display: flex;
}

nz-content {
  margin: 0px;
  position: relative;
}

.inner-content {
  background: #f0f0f0;
  height: 100%;
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.3);
  color: #555555;
  font-size: 12px;
  line-height: 30px;
  padding-left: 28px;
  z-index: 99;
  text-align: center;

  span {
    margin-right: 20px;
  }
}
::ng-deep .custom-modal {
    padding: 10px;
    .ant-modal-header {
        background: #2F88FC;
        padding: 9px 24px;
    }
    .ant-modal-title {
        color: #fff;
    }
    .ant-modal-body {
        padding: 12px;
    }
    .ant-modal-close-x {
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #ffffff;
    }
    .ant-modal-footer {
        padding: 10px;
    }
    .form-content {
        margin: 10px;
        padding: 10px 20px;
        background: #E7ECF0;
        border: 1px solid #e3e3e3;
        .ant-form-item-label {
            line-height: 1.5;
            font-weight: bold;
        }
    }
}
